<template>


    <!-- <List></List> -->
    <!-- <News></News> -->
    <!-- <Com /> -->
    <!-- <Watch></Watch> -->
    <!-- <div v-if="flag">

        <Life></Life>

    </div>
    <div v-else> 404 组件卸载</div>

    <button @click="flag = !flag"> 点击切换flag</button> -->

    <Parent></Parent>
</template>

<script>
import { ref, onMounted, reactive } from 'vue'
import List from './components/List.vue'

import News from './components/News.vue'

import Com from './components/Computed.vue'

import Watch from './components/Watch.vue'

import Life from './components/LifeCrycle.vue'

import Parent from './components/Parent.vue'

export default {
    setup () {
        const flag = ref(true)
        return {
            flag
        }
    },

    components: {
        List,
        News,
        Com,
        Watch,
        Life,
        Parent
    }


}


</script>





